$(function(){

    // var list = $(".category_nav").children();
    // list.on("click", function () {
    //     $(this).addClass("current").siblings().removeClass("current");
    // });

    // 首页导航条滚动
    // var all_width = document.getElementsByClassName('category_nav')[0].scrollWidth
    // $('.category_nav').css({ 'width': all_width + 'px' });
    // var myscroll = new IScroll("#wrapper2", {
    //     scrollX: true,
    //     scrollY: false,
    //     hScrollbar: false,
    //     vScrollbar: false,
    //     vScroll: false,
    // });


    var id = 0;

    // 渲染标题
    $.ajax({
        url: "http://127.0.0.1:9090/api/getbaicaijiatitle",
        dataType: "json",
        success: function (result) {
            console.log(result);
            $(".category_nav").html(template("temp-title", result));
        }
    });

    function render(id){
        $.ajax({
            url: "http://127.0.0.1:9090/api/getbaicaijiaproduct",
            data: { titleid: id },
            dataType: "json",
            success: function (result) {
                console.log(result);
                $(".cu-content").html(template("temp-list", result));
            }
        });
    }
    render(id);

    $(".category_nav").on("click","li",function(){
        id = $(this).data("id");
        $(this).addClass("current").siblings().removeClass("current");
        render(id);
    });

});